<template>
    <div :class="cname" class="left-right-cnt border-top clear-fix">
        <div class="left">
            <slot name="left"></slot>
        </div>
        <div class="right">
            <slot name="right"></slot>
        </div>
    </div>
</template>

<script>
export default {
    name: 'leftRightComponents',
    props: {
        cname: String
    }
}
</script>

<style lang="stylus" scoped>
.left-right-cnt
    width 100%
    height auto
    padding-left 45px
    box-sizing border-box
    .left 
        width 45px
        height 45px
        line-height 45px
        overflow hidden
        position absolute
        left 0
        top 0
    .right  
        width 100%
        height 100%
        overflow hidden
</style>